<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="expand/swiper/swiper.css"/>
		<link rel="stylesheet" href="expand/fancybox/fancybox.css"/>
		<link rel="stylesheet" href="expand/wow/css/wow.css"/>
		<link rel="stylesheet" href="css/index.css"/>
		<link rel="stylesheet" href="css/index02.css"/>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="expand/SuperSlide/SuperSlide.js"></script>
		<script type="text/javascript" src="expand/swiper/swiper.js"></script>
		<script type="text/javascript" src="expand/fancybox/fancybox.js"></script>
		<script type="text/javascript" src="expand/wow/js/wow.js"></script>
	</head>
	<body>
		<!-- 顶点 -->
		<div class="top">
			<div class="main">
				<a href="###">经销商登录</a>|<span>全国免费电话：400-0757-356</span>
			</div>
		</div>
		
		<!-- 头部 -->
		<div class="header">
			<div class="main">
				<div class="header_box">
					<h1><img src="images/logo.png" ></h1>
					<div class="nav">
						<ul>
							<li>
								<a href="###">品牌首页</a>
							</li>
							<li class="on">
								<a href="###">走进荣旺</a>
							</li>
							<li>
								<a href="###">产品中心</a>
							</li>
							<li>
								<a href="###">工程案例</a>
							</li>
							<li>
								<a href="###">新闻资讯</a>
							</li>
							<li>
								<a href="###">销售网络</a>
							</li>
							<li>
								<a href="###">联系我们</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 轮播图 -->
		<div class="banner">
			<div class="bd">
				<ul>
					<li><a href="###"><img src="images/banner1.jpg" ></a></li>
					<li><a href="###"><img src="images/banner2.jpg" ></a></li>
					<li><a href="###"><img src="images/banner1.jpg" ></a></li>
					<li><a href="###"><img src="images/banner2.jpg" ></a></li>
				</ul>
			</div>
			<div class="hd">
				<ul>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
		
		<!-- 热词 -->
		<div class="hot_key">
			<div class="main clearfix">
				<ul>
					<li>热门关键词:</li>
					<li><a href="###">荣旺瓷砖</a></li>
					<li><a href="###">瓷抛砖</a></li>
					<li><a href="###">通体大理石</a></li>
					<li><a href="###">大理石</a></li>
					<li><a href="###">负离子生态瓷砖</a></li>
					<li><a href="###">金刚釉</a></li>
				</ul>
				<div class="search_box">
				    <form action="">
				        <input type="text" name="key" class="text" placeholder="Search">
				        <input type="submit" value="" class="submit">
				    </form>
				</div>
			</div>
		</div>
		
		
		<!-- 关于 -->
		<div class="iabout">
			<div class="main">
				<div class="htit1">
					<h2>荣旺瓷砖 旺宅之选</h2>
					<p>About us</p>
				</div>
				<div class="iabout_box">
					<div class="text_box">
						<p>荣旺瓷砖是一家集研发、生产、销售、服务为一体的现代化大型陶瓷企业。</p>
						<p>致力生产瓷抛砖、通体大理石、大理石、负离子生态瓷砖、缎光釉、金刚釉、晶钻釉、仿古砖，现代仿古瓷片 等产品</p>
						<p>公司专注于陶瓷的生产和销售，提出“中华情 • 民族风”的合作理念，深入挖掘传统文化</p>
					</div>
					<div class="tag_box clearfix">
						<div class="list_box">
							<h4><i class="timer count-title" id="count-number" data-to="1" data-speed="1500" ></i></h4>
							<p>一体化现代化大型陶瓷企业</p>
						</div>
						<div class="list_box">
							<h4><i class="timer count-title" id="count-number" data-to="300" data-speed="1500" ></i>+</h4>
							<p>全国专卖店达300多家</p>
						</div>
						<div class="list_box">
							<h4><i class="timer count-title" id="count-number" data-to="2000" data-speed="1500" ></i>+</h4>
							<p>公司占地面积2000多亩</p>
						</div>
						<div class="list_box">
							<h4><i class="timer count-title" id="count-number" data-to="200" data-speed="1500" ></i>+</h4>
							<p>20多条全自动生产线</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<!-- 商品 -->
		<div class="ipro">
			<div class="ipro_slide">
				<div class="main">
					<div class="caption">
						<h4>简生活 大有不同</h4>
						<p>Product center</p>
					</div>
					<div class="parhd">
						<ul>
							<li><a href="###">瓷抛砖</a></li>
							<li><a href="###">通体大理石</a></li>
							<li><a href="###">大理石</a></li>
							<li><a href="###">负离子生态瓷砖</a></li>
							<li><a href="###">缎光釉</a></li>
							<li><a href="###">金刚釉</a></li>
							<li><a href="###">晶钻釉</a></li>
							<li><a href="###">仿古砖</a></li>
							<li><a href="###">现代仿古瓷片</a></li>
							<li><a href="###">精品内墙砖</a></li>
							<li><a href="###">抛光砖</a></li>
						</ul>
					</div>
					<div class="parbd">
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
						<div class="sslide">
							<div class="bd">
								<ul>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro3.jpg" alt=""></div>
										<p>瓷抛砖 - 86413</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro2.jpg" alt=""></div>
										<p>瓷抛砖 - 86412</p>
									</li>
									<li>
										<div class="img_box"><img src="images/ipro1.jpg" alt=""></div>
										<p>瓷抛砖 - 86411</p>
									</li>
								</ul>
							</div>
							<div class="hd">
								<ul></ul>
							</div>
						</div>
					</div>
					<div class="btn"><a href="###"><div class="cen">read more</div></a></div>
				</div>
			</div>
		</div>
		
		
		<!-- 荣誉 -->
		<div class="ihonor">
		    <div class="htit2">
		        <h2>10年沉淀 厚积薄发</h2>
		        <p>10 years precipitation</p>
		    </div>
		    <div class="main">
		        <div class="ihonor_slide clearfix">
		            <div class="hd">
		                <ul>
		                    <li>品牌荣誉</li>
		                    <li>店面形象</li>
		                    <li>企业风采</li>
		                    <li>工程案例</li>
		                </ul>
		            </div>
		            <div class="bd">
		                <ul>
		                    <div class="swiper-container">
		                        <div class="swiper-wrapper">
		                            <div class="swiper-slide">
		                                <a href="images/ihonor1.jpg" data-fancybox="group1">
		                                <div class="img_box"><img src="images/ihonor1.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor2.jpg" data-fancybox="group1">
		                                <div class="img_box"><img src="images/ihonor2.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor1.jpg" data-fancybox="group1">
		                                <div class="img_box"><img src="images/ihonor1.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor2.jpg" data-fancybox="group1">
		                                <div class="img_box"><img src="images/ihonor2.jpg" alt=""></div>
		                                </a>
		                            </div>
		                        </div>
		                        <div class="swiper-scrollbar"></div>
		                    </div>
		                </ul>
						<ul>
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<a href="images/ihonor1.jpg" data-fancybox="group2">
										<div class="img_box"><img src="images/ihonor1.jpg" alt=""></div>
										</a>
									</div>
									<div class="swiper-slide">
										<a href="images/ihonor2.jpg" data-fancybox="group2">
										<div class="img_box"><img src="images/ihonor2.jpg" alt=""></div>
										</a>
									</div>
									<div class="swiper-slide">
										<a href="images/ihonor1.jpg" data-fancybox="group2">
										<div class="img_box"><img src="images/ihonor1.jpg" alt=""></div>
										</a>
									</div>
									<div class="swiper-slide">
										<a href="images/ihonor2.jpg" data-fancybox="group2">
										<div class="img_box"><img src="images/ihonor2.jpg" alt=""></div>
										</a>
									</div>
								</div>
								<div class="swiper-scrollbar"></div>
							</div>
						</ul>
		                <ul>
		                    <div class="swiper-container">
		                        <div class="swiper-wrapper">
		                            <div class="swiper-slide">
		                                <a href="images/ihonor1.jpg" data-fancybox="group2">
		                                <div class="img_box"><img src="images/ihonor1.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor2.jpg" data-fancybox="group2">
		                                <div class="img_box"><img src="images/ihonor2.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor1.jpg" data-fancybox="group2">
		                                <div class="img_box"><img src="images/ihonor1.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor2.jpg" data-fancybox="group2">
		                                <div class="img_box"><img src="images/ihonor2.jpg" alt=""></div>
		                                </a>
		                            </div>
		                        </div>
		                        <div class="swiper-scrollbar"></div>
		                    </div>
		                </ul>
		                <ul>
		                    <div class="swiper-container">
		                        <div class="swiper-wrapper">
		                            <div class="swiper-slide">
		                                <a href="images/ihonor1.jpg" data-fancybox="group2">
		                                <div class="img_box"><img src="images/ihonor1.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor2.jpg" data-fancybox="group2">
		                                <div class="img_box"><img src="images/ihonor2.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor1.jpg" data-fancybox="group2">
		                                <div class="img_box"><img src="images/ihonor1.jpg" alt=""></div>
		                                </a>
		                            </div>
		                            <div class="swiper-slide">
		                                <a href="images/ihonor2.jpg" data-fancybox="group2">
		                                <div class="img_box"><img src="images/ihonor2.jpg" alt=""></div>
		                                </a>
		                            </div>
		                        </div>
		                        <div class="swiper-scrollbar"></div>
		                    </div>
		                </ul>
		            </div>
		        </div>
		    </div>
		</div>
		
		
		<!-- 新闻 -->
		<div class="inews">
			<div class="inews_box clearfix">
				<div class="main">
					<div class="caption">
						<h4>品牌快讯</h4>
						<p>NEWS</p>
					</div>
					<div class="lbox">
						<a href="###">
							<div class="img_box"><img src="images/inews1.jpg" alt=""></div>
							<div class="text_box">
								<h3>现代仿古砖告诉你什么才是瓷砖的正确打开方式</h3>
								<p>现代仿古砖作为瓷砖的种类之一，同样也是用泥巴和石头高温烧制而成的...</p>
							</div>
						</a>
					</div>
					<div class="rbox">
						<ul>
							<li>
								<a href="###">现代仿古砖告诉你什么才是瓷砖的正确打开方式               2018-07-20</a>
							</li>
							<li>
								<a href="###">现代仿古砖告诉你什么才是瓷砖的正确打开方式               2018-07-20</a>
							</li>
							<li>
								<a href="###">现代仿古砖告诉你什么才是瓷砖的正确打开方式               2018-07-20</a>
							</li>
							<li>
								<a href="###">现代仿古砖告诉你什么才是瓷砖的正确打开方式               2018-07-20</a>
							</li>
							<li>
								<a href="###">现代仿古砖告诉你什么才是瓷砖的正确打开方式               2018-07-20</a>
							</li>
							<li>
								<a href="###">现代仿古砖告诉你什么才是瓷砖的正确打开方式               2018-07-20</a>
							</li>
						</ul>
					</div>
				<!-- 	<div class="frined clearfix">
						友情链接:
					</div> -->
					<div class="firend_link clearfix">
						<ul class="clearfix">
							<li><a href="###">友情链接:</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		
		<!-- 底部 -->
		<div class="footer">
			<div class="footer_box">
				<div class="main clearfix">
					<div class="footer_text">
						<h4>400-0757-356</h4>
						<p>地址：佛山市禅城区南庄镇华夏陶瓷博览城会展</p>
						<p>3环路6座自编101室</p>
						<p>网址： www.fsrongwang</p>
					</div>
					<div class="footer_nav">
						<dl>
							<dt>关于我们</dt>
							<dd><a href="###">品牌简介</a></dd>
							<dd><a href="###">品牌文化</a></dd>
							<dd><a href="###">社会荣耀</a></dd>
							<dd><a href="###">店面形象</a></dd>
						</dl>
						<dl>
							<dt>产品中心</dt>
							<dd><a href="###">瓷抛砖</a></dd>
							<dd><a href="###">通体大理石</a></dd>
							<dd><a href="###">大理石</a></dd>
							<dd><a href="###">更多产品</a></dd>
						</dl>
						<dl>
							<dt>工程案例</dt>
							<dd><a href="###">家装工程</a></dd>
							<dd><a href="###">别墅工程</a></dd>
							<dd><a href="###">企业工程</a></dd>
						</dl>
						<dl>
							<dt>新闻资讯</dt>
							<dd><a href="###">最新活动</a></dd>
							<dd><a href="###">公司新闻</a></dd>
							<dd><a href="###">活动专区</a></dd>
						</dl>
						<dl>
							<dt>联系我们</dt>
							<dd><a href="###">联系方式</a></dd>
							<dd><a href="###">电子地图</a></dd>
						</dl>
					</div>
					<div class="wxqr">
						<div class="qr"><img src="images/qr.jpg" alt=""></div>
						<p>扫一扫关注微信公众号</p>
					</div>
				</div>
			</div>
			<div class="copy">Copyright © 佛山市荣旺高陶瓷有限公司  技术支持：网盛科技</div>
		</div>
		
		
		<script type="text/javascript" src="js/count.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script>
		var ihonor = new Swiper('.ihonor .swiper-container', {
		    slidesPerView : 2,
		    spaceBetween : 20,
		    scrollbar: {
		        el: '.swiper-scrollbar',
		    },
		});
		$('.ihonor').slide({htitCell:".hd ul li", mainCell: ".bd", trigger:"click"});
		
		</script>
	</body>
</html>
